<%@ page language="java" import="java.util.*"  pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="css/common.css" rel="stylesheet">
<link href="css/index.css" rel="stylesheet">

<link rel="stylesheet" href="css/content.css" />
<link rel="stylesheet" type="text/css" href="css/easyui.css">
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript" src="js/vehicle.js"></script>
<title>车辆监控</title>
<style type="text/css">
body{ overflow:hidden;}
a:link {
 text-decoration: none;
}
a:visited {
 text-decoration: none;
}
a:hover {
 text-decoration:none;
}
a:active {
 text-decoration: none;
}
.cs-north {
	height:60px;background:#B3DFDA;
}
.cs-north-bg {
	width: 100%;
	height: 100%;
	background: url(themes/images/header_bg.png) repeat-x;
}
.cs-north-logo {
	height: 40px;
	padding: 15px 0px 0px 5px;
	color:#fff;font-size:22px;font-weight:bold;text-decoration:none
}
.cs-west {
	width:200px;padding:0px;border-left:1px solid #99BBE8;
}
.cs-south {
	height:25px;background:url('images/panel_title.gif') repeat-x;padding:0px;text-align:center;
}
.cs-navi-tab {
	padding: 5px;
}
.cs-tab-menu {
	width:120px;
}
.cs-home-remark {
	padding: 10px;
}
.search{position:relative;}
.sou{width:77%;background:#fff;position:absolute;z-index:999; display:none;}
.sou li{height:35px;border-bottom:1px solid #e6e6e6;line-height: 35px;text-align: center;}
</style>
</head>

<body>
<!----头部-------->
<div class="head">
	<div class="logo fl">
    	<a href="#"><img src="images/logo.png"  ></a>
    </div>
    <div class="nav fl">
    	<a href="index.jsp">首页</a>
        <a href="#" class="this">车辆监控</a>
        <a href="统计报表.html">统计报表</a>
        <a href="资产管理.html">资产管理</a>
        <a href="系统管理.html">系统管理</a>
    </div>
    <div class="search fl">
    	<input type="text" class="search-text" placeholder="请输入关键词">
        <input type="submit" class="search-submit" value=" " style="display:none;">
        <div class="sou">
        	<li><a href="javascript:void(0);" src="jiankong/cheliangjiankong.html"  class="cs-navi-tab">车辆状态</a></li>
            <li><a href="javascript:void(0);" src="jiankong/cheliangliebiao.html"  class="cs-navi-tab">车辆总览</a></li>
            <li><a href="javascript:void(0);" src="jiankong/yunxingtongji.html"  class="cs-navi-tab">运行统计</a></li>
            <li><a href="javascript:void(0);" src="baojing/cheliangbaojing.html"  class="cs-navi-tab">实时报警</a></li>
            <li><a href="javascript:void(0);" src="baojing/baojingguanli.html"  class="cs-navi-tab">c报警管理</a></li>
            <li><a href="javascript:void(0);" src="jiankong/xinxiliebiao.html"  class="cs-navi-tab">信息列表</a></li>
            <li><a href="javascript:void(0);" src="baoxiu/gongdanguanli.html"  class="cs-navi-tab">工单管理</a></li>
            <li><a href="javascript:void(0);" src="baoxiu/gongdanchaxun.html"  class="cs-navi-tab">工单查询</a></li>
        </div>
    </div>
    <div class="user fr">
    	<div class="anniu fl"><a href="#"><img src="images/anniu.gif" width="100%"></a></div>
		<div class="user-img fl">
        	<img src="images/img_01.png" width="55" height="55">
        </div>
		
        <div class="user-info fl">
        	<p>
            	<span id="user_name" class="name">${user.userrealname},欢迎您！</span>
            	<span class="quit" onclick="quit()">退出</span>
            </p>
            <p>
            	<span class="name">上次登录：2016-10-29</span>
            </p>
        </div>
        
    </div>
</div>
<!----头部结束------->
<div class="content1">
<!--左侧-->

<div region="west" border="true" split="true" title="Navigation" class="cs-west">
  <div class="easyui-accordion" fit="true" border="false">
  <div class="left-nav">
	<div class="div1 b1"> <p>车辆监控</p> </div>
	<div class="divnr none" title="Layout">
    	<li><a  href="javascript:void(0);" src="jiankong/cheliangjiankong.html"  class="cs-navi-tab">车辆状态</a></li>
        <li><a  href="javascript:void(0);" src="jiankong/xinxiliebiao.html"  class="cs-navi-tab">车辆总览</a></li>
        
        <li><a  href="javascript:void(0);" src="jiankong/yunxingtongji.html"  class="cs-navi-tab">运行统计</a></li>
    </div>
    <div class="div2 b2"><p>车辆报警</p></div>
	<div class="divnr none">
    	<li><a  href="javascript:void(0);" src="baojing/cheliangbaojing.html"  class="cs-navi-tab">实时报警</a></li>
    	<!--<li><a  href="javascript:void(0);" src="jiankong/chelianggenzhong.html"  class="cs-navi-tab">车辆跟踪</a></li>-->
        
        <li><a  href="javascript:void(0);" src="baojing/baojingguanli.html"  class="cs-navi-tab">报警管理</a></li>
    </div>
    <div class="div3 b3"><p>车辆报修</p></div>
    <div class="divnr none">
    	<!--<li><a  href="javascript:void(0);" src="jiankong/xinxiliebiao.html"  class="cs-navi-tab">信息列表</a></li>-->
        <li><a  href="javascript:void(0);" src="baoxiu/gongdanguanli.html"  class="cs-navi-tab">工单管理</a></li>
        <li><a  href="javascript:void(0);" src="baoxiu/gongdanchaxun.html"  class="cs-navi-tab">工单查询</a></li>

    </div>
    
</div>
</div>
</div>
<script type="text/javascript">//左侧导航点开

</script>
<!--左侧结束-->
<div class="jiantou"></div>
<div class="right-content">

  <div id="mainPanle" region="center" border="true" border="false">
		 <div id="tabs" class="easyui-tabs"  fit="true" border="false" >
                <!--<div title="Home">
				<div class="cs-home-remark">
					<h1>车辆监控总页</h1> <br>
					
				</div>
				</div>-->
        </div>
	</div>
</div>
<!--查询弹框开始-->
	<div class="showbox">
		<div class="shang"><p>17位车架号<span>（所属单位：奇瑞汽车股份有限公司）</span></p><a class="close" href="#"><img src="images/cha.png"></a></div>
		<div class="mainlist">
			<ul>
            	<li>车辆状态：启动</li>
                <li>模式：纯电</li>
                <li>注册时间：2016年10月26日</li>
            </ul>
            <ul>
            	<li>定位状态：有效</li>
                <li>方向：西南</li>
                <li>数据时间：2016年10月27日</li>
            </ul>
            <ul>
            	<li style="margin-right:25px;">GPS 车速：20KM/h</li>
                <li>位置：江苏省常州市钟楼区玉龙路星港路附近</li>
            </ul>
            <ul>
            	<li style="margin-right:30px;"><input type="button" value="静态信息"></li>
                <li style="margin-right:30px;"><input type="button" value="车辆跟踪"></li>
                <li style="margin-right:30px;"><input type="button" value="轨迹回放"></li>
                <li style="margin-right:30px;"><input type="button" value="数据详情"></li>
            </ul>
		</div>
	</div>	
<!--查询弹框结束-->
</div>
<script>
$(function(){
	
	$(".left-nav").height($(window).height()-94);
	$(".jiantou").height($(window).height()-94);
	$(".right-content").height($(window).height()-104);
	$(".panel-body-noborder").height($(window).height()-104);
	//弹窗点击
	$(".showdiv").click(function(){
		var box =300;
		var th= $(window).scrollTop()+$(window).height()/1.6-box;
		var h =document.body.clientHeight;
		var rw =$(window).width()/2-box;
		$(".showbox").animate({top:th,opacity:'show',width:585,height:280,right:rw},500);
		$("#zhezhao").css({
			display:"block",height:$(document).height()
		});
		return false;
	});
	//弹窗关闭
	$(".showbox .close").click(function(){
		$(this).parents(".showbox").animate({top:0,opacity: 'hide',width:0,height:0,right:0},500);
		$("#zhezhao").css("display","none");
	});
});
</script>
</body>
</html>
